﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcJsChartEnglish.ascx.cs" Inherits="TheHeGeo.UserControl.UcJsChartEnglish" %>

<%@ Register assembly="DevExpress.Web.v14.2, Version=14.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>

<%@ Register src="UcGrlTestData.ascx" tagname="UcGrlTestData" tagprefix="uc1" %>

<div style="width: 98%">
		
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script>
    <script type="text/javascript">
        function abc(div, searchValue, sensorName, maDa) {
            $.getJSON('../DataTransfer/DataStreamForWebChart.aspx/GetData?' + searchValue + maDa , function (data) {
                // Create the chart
                $(div).highcharts('StockChart', {
                    rangeSelector: {
                        selected: 1
                    },

                    title: {
                        text:  sensorName
                    },

                    series: [{
                        name: 'Value',
                        data: data,
                        tooltip: {
                            valueDecimals: 2
                        }
                    }]
                });
            });
            
        }

    </script>
    <script>

        function addDiv(id) {
            var r = document.createElement('Div');
            r.id = id;
            r.style.height = "100%";
            r.style.width = "100%";
        }
    </script>
    <script src="../Master/js/highstock.js"> </script>
    <script src="../Master/js/modules/exporting.js"> </script>
  
    <div class="chart-container" >
        
        <dx:ASPxLabel ID="a0" runat="server" Text="ASPxLabel" Visible="False">
        </dx:ASPxLabel>
        <uc1:UcGrlTestData ID="UcGrlTestData_0" runat="server" Visible="False" />
        <div id="0" style="height: 100%; width: 100%"> 
            
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_1" runat="server" Visible="False" />
        <div id="1" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_2" runat="server" Visible="False" />
        <div id="2" style="height: 100%; width: 100%"> 
        </div>
    </div>

    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_3" runat="server" Visible="False" />
        <div id="3" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_4" runat="server" Visible="False" />
        <div id="4" style="height: 100%; width: 100%"> 
        </div>
    </div>

    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_5" runat="server" Visible="False" />
        <div id="5" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_6" runat="server" Visible="False" />
        <div id="6" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_7" runat="server" Visible="False" />
        <div id="7" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_8" runat="server" Visible="False" />
        <div id="8" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_9" runat="server" Visible="False"/>
        <div id="9" style="height: 100%; width: 100%"> 
        </div>
    </div>

    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_10" runat="server" Visible="False" />
        <div id="10" style="height: 100%; width: 100%"> 
        </div>
    </div>
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_11" runat="server" Visible="False"/>
        <div id="11" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_12" runat="server" Visible="False"/>
        <div id="12" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_13" runat="server" Visible="False"/>
        <div id="13" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_14" runat="server" Visible="False"/>
        <div id="14" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_15" runat="server" Visible="False" />
        <div id="15" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_16" runat="server" Visible="False"/>
        <div id="16" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_17" runat="server" Visible="False"/>
        <div id="17" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_18" runat="server" Visible="False"/>
        <div id="18" style="height: 100%; width: 100%"> 
        </div>
    </div>
    
    <div class="chart-container">
        <uc1:UcGrlTestData ID="UcGrlTestData_19" runat="server" Visible="False"/>
        <div id="19" style="height: 100%; width: 100%"> 
        </div>
    </div>

</div>
